<template>
<view class="flex-col justify-start items-start page">
	
	
	<header-bar :isBack="true" title="招商加盟" titleTintColor="#ffffff"   >
			 <text slot="back" class="uni_btnIco myicon myicon-zuojiantou" style="" ></text>
			 <text slot="iconfont" class="uni_btnIco iconfont icon-search" style=""></text>
	
	</header-bar>
  <view class="flex-col section">
   
    <view class="mt-32 flex-col">
      <text class="self-center font">全国招募城市代理</text>
      <view class="mt-14 flex-col justify-start self-stretch relative group_3">
        <image
          class="image_3"
          src="https://ide.code.fun/api/image?token=662d0331d578370011c49086&name=d44ef962eddd044ef7540793e3a1fd19.png"
        />
        <view class="section_4 pos_3"></view>
        <view class="flex-col section_5 pos_4">
          <view class="flex-col">
            <view class="flex-row items-center group_4">
              <text class="font_2 text_4">您的姓名</text>
              <text class="font_3 ml-3">*</text>
            </view>
            <view class="section_6"></view>
          </view>
          <view class="flex-col group_5">
            <view class="flex-row items-center group_4">
              <text class="font_2 text_5">您的联系方式</text>
              <text class="font_3 ml-3">*</text>
            </view>
            <view class="section_6"></view>
          </view>
          <view class="flex-col group_6">
            <view class="flex-row items-center group_4">
              <text class="font_2">是否有宠物资源</text>
              <text class="font_3">*</text>
            </view>
            <view class="section_6"></view>
          </view>
          <view class="flex-col group_7">
            <view class="flex-row items-center group_4">
              <text class="font_2 text_6">您的加盟区域</text>
              <text class="ml-10 font_3">*</text>
            </view>
            <view class="section_6"></view>
          </view>
          <view class="flex-col group_8">
            <!-- <view class="flex-col items-center self-end section_7">
              <view class="section_8"></view>
              <text class="mt-4 text_7">线上咨询</text>
            </view> -->
            <view class="mt-12 flex-col justify-start items-center self-start text-wrapper_3">
              <text class="font_2 text_8">提交申请</text>
            </view>
          </view>
        </view>
        <view class="section_3 pos_2"></view>
        <view class="flex-col section_2 pos">
          <view class="flex-col justify-start items-start self-stretch text-wrapper_2">
            <text class="font_2 text_2">0加盟费 0保证金 0代理费</text>
          </view>
          <text class="self-center font text_3 mt-15">全新模式</text>
        </view>
      </view>
    </view>
  </view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.ml-246 {
  margin-left: 492rpx;
}
.ml-31 {
  margin-left: 62rpx;
}
.ml-3 {
  margin-left: 6rpx;
}
.mt-15 {
  margin-top: 30rpx;
}
.page {
  overflow: hidden;
  background-color: #73c477;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.section {
  padding: 12rpx 0 338rpx;
  background-image: url('https://ide.code.fun/api/image?token=662d0331d578370011c49086&name=c892bd33900d9c44d18d573e063c87a3.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 770rpx;
}

.text-wrapper {
  overflow: hidden;
  width: 92rpx;
  height: 21.9rpx;
}
.text {
  color: #263238;
  font-size: 28rpx;
  font-family: HarmonyOSSansSC;
  line-height: 21.16rpx;
}

.font {
  font-size: 72rpx;
  font-family: HarmonyOSSansSC;
  line-height: 67.96rpx;
  font-weight: 700;
  color: #000000;
}
.group_3 {
  padding-top: 1824rpx;
}
.image_3 {
  margin-left: 24rpx;
  margin-right: 44rpx;
  width: 93.6vw;
  height: 18.1333vw;
}
.section_4 {
  filter: blur(123rpx);
  background-image: url('https://ide.code.fun/api/image?token=662d0331d578370011c49086&name=1d70787ae0e6ac46792b40a8853bdc79.png');
  background-size: 100% 100%;
  height: 1608.58rpx;
}
.pos_3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 283.76rpx;
}
.section_5 {
  padding: 44rpx 32rpx 80rpx 40rpx;
  background-color: #ffffff;
  border-radius: 20rpx;
  width: 702rpx;
}
.pos_4 {
  position: absolute;
  left: 24rpx;
  right: 44rpx;
  top: 513.68rpx;
}
.group_4 {
  padding-bottom: 20rpx;
}
.font_2 {
  font-size: 32rpx;
  font-family: HarmonyOSSansSC;
  line-height: 29.82rpx;
  color: #000000;
}
.text_4 {
  line-height: 29.86rpx;
}
.section_6 {
  margin-right: 12rpx;
  background-color: #f2f2f2;
  border-radius: 4rpx;
  height: 90.94rpx;
}
.group_5 {
  margin-top: 72rpx;
}
.text_5 {
  line-height: 29.92rpx;
}
.group_6 {
  margin-top: 72rpx;
}
.group_7 {
  margin-top: 56rpx;
}
.text_6 {
  line-height: 29.76rpx;
}
.font_3 {
  font-size: 32rpx;
  font-family: HarmonyOSSansSC;
  line-height: 11.94rpx;
  color: #e80909;
}
.group_8 {
  margin-top: 164rpx;
  padding-left: 92rpx;
}
.section_7 {
  padding: 12rpx 0 20rpx;
  background-color: #73c477;
  border-radius: 50%;
  width: 106.64rpx;
}
.section_8 {
  background-color: #00000000;
  width: 52rpx;
  height: 52rpx;
}
.text_7 {
  color: #ffffff;
  font-size: 16rpx;
  font-family: HarmonyOSSansSC;
  font-weight: 700;
  line-height: 15.14rpx;
}
.text-wrapper_3 {
  padding: 36rpx 0;
  background-color: #73c477;
  border-radius: 388rpx;
  width: 442rpx;
}
.text_8 {
  line-height: 29.64rpx;
}
.section_3 {
  background-color: #ffffffc7;
  filter: blur(175rpx);
  border-radius: 50%;
  height: 513.44rpx;
}
.pos_2 {
  position: absolute;
  left: 214rpx;
  right: 42.56rpx;
  top: 93.74rpx;
}
.section_2 {
	margin-top:20px;
  padding: 0 152rpx 452rpx;
  background-image: url('https://ide.code.fun/api/image?token=662d0331d578370011c49086&name=1c385bfe30e13000da9e91fa7f7eae2f.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;

}
.pos {
  position: absolute;
  left: 20rpx;
  right: 0;
  top: 0;
}
.text-wrapper_2 {
  margin-right: 40rpx;
  padding: 20rpx 0;
  background-color: #ffffffdb;
  border-radius: 238rpx;
}
.text_2 {
  margin-left: 20rpx;
  line-height: 30rpx;
  /* width: 284rpx; */
}
.text_3 {
  line-height: 68.4rpx;
}
</style>
